.main {
margin: 10% 20% 20% 20%
}

.pending {
background-color: #f0f0f0;
color: #555555
}

.active {
}

.done {
background-color: #ddffdd;
}

.failed {
background-color: #ff0000;
}

.paused {
background-color: #ffff99;
}

td.index {
text-align: center;
font-size: 80px;
width: 100px
}

tr {
height: 100px
}

.center {
text-align: center;
margin: 0 auto
}

table {
width: 100%;
}

div.optionalMessage {
display: none
}

div.currentMessage {
display: inline
}

/* including this loses centering, but beats vertical alignment... */
form.stack {
float: left;
}

span.payment {
font-weight: bold;
}
